<template>
  <div class="header">
    <h1>氧屋东西-SQL日志解析器</h1>
    <p>将MyBatis日志转换为可执行的SQL语句,有好的建议请与 奇诺 联系</p>
  </div>
</template>

<script>
export default {
  name: 'HeaderSection'
}
</script>

<style scoped>
.header {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  color: white;
  padding: 30px;
  text-align: center;
}

.header h1 {
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 10px;
}

.header p {
  font-size: 1.1em;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .header h1 {
    font-size: 2em;
  }
  
  .header p {
    font-size: 1em;
  }
}
</style>